<%@taglib uri="/struts-tags" prefix="s"%>
<html>
<head>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<script type='text/javascript'>
	function openWin(id) {
	var w = screen.width, h = screen.height;
	window.open("/nh-mobility-app/viewpdf?id=" + id, "mywindow",
			'top=0,left=0,width=' + w + ',height=' + h);
		//window.open("/nh-mobility-app/submit.jsp?id=" + id, "mywindow",
			//	"menubar=1,resizable=1,width=350,height=250");
	}
	
	$(window).load(function(){
	$('.dropdown-toggle').dropdown();
	});  

</script>
<title>Northern health - Patient Information System</title>
<style type="text/css">
.mycolor{
	background-color: #008ca8;
	font-weight: bold;
}

.dropdown-menu { paddin-top: 5px; }

.dropdown-menu label {
  padding: 0 10px;
}

.dropdown-menu input {
  margin-right: 5px;
  float: left;
}


</style>
</head>
<body>
     <div class="navbar navbar-inverse navbar-fixed-top mycolor">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#"><font color="white">Northern Health</font></a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
            <form class="navbar-form pull-right" action="/nh-mobility-app/login.html">
              <button type="submit" class="btn btn-warning">Sign Out</button>
            </form>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    <br><br><br><br><br>
	<div class="container">
		<table id="patientList" align="center"
			class="table table-striped table-bordered table-hover">
			<thead>
				<tr>
					<th>Number</th>
					<th>Patient Name</th>
					<th>Date of Birth</th>
					<th>Sex</th>
					<th>Reffered to</th>
					<th>Download</th>
				</tr>
			</thead>
			<tbody>
				<s:iterator value="patientInfoList" status="stat">
					<tr id="row<s:property value="#stat.index"/>">
						<td><s:property value="Id" /></td>
						<td><s:property value="firstName" /> <s:property
								value="lastName" /></td>
						<td><s:property value="dateOfBirth" /></td>
						<td><s:property value="maleOrFemale" /></td>
						<td><s:property value="referredTo" /></td>
						<td><a href="#" onClick="openWin(<s:property value="Id"/>); ">
								<img src="images/adobe-pdf-icon.gif" height="30" width="30" />
						</a></td>
					</tr>
				</s:iterator>
			</tbody>
		</table>
	</div>
</body>
</html>
